<template>
<div class="neon-container">
  <div class="neon">fushigi no monogatari</div>
</div>
</template>
<style lang="scss" scoped>
.neon-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 120px;
  margin-top: 20px;
  background: #1e1a23;
  .neon {
    font-size: 2.5em;
    color:greenyellow;
    animation: neon-show 0.1s alternate infinite;
  }
}
@keyframes neon-show {
  0% {
    text-shadow: 0 0 20px greenyellow,
    0 0 25px #aefc37,
    0 0 30px #b3fa48;
  }
  100% {
    text-shadow: 0 0 22px greenyellow,
    0 0 25px #aefc37,
    0 0 35px #b3fa48;
  }
}
</style>
